<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
<<<<<<< HEAD
    <script src="./lib/jquery/jquery.min.js"></script>
    <!-- mui插件 -->
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>
    <!-- 字体图标 -->
   <link rel="stylesheet" href="./lib/fa/css/font-awesome.min.css">
<!--  -->
<link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<!-- 模板 -->
<script src="./lib/artTemplate/template-web.js"></script>
    <script src="./js/item.js"></script>
    <link rel="stylesheet" href="./css/item.css">
</head>
<body>
    <div class="itembox">
        <!-- 顶部 -->
        <div class="top">
            <div class="left"><a href="" class="mui-icon mui-icon-back"></a></div>
            <div class="center">凑单品</div>
            <div class="right"></div>
        </div>
        <!-- 搜索 -->
        <div class="navbar">
            <!-- 搜索例表 -->
            <div class="searchlist">
                <ul>
                    <li><a href="javascript:;">京东</a><i class="fa fa-caret-down" aria-hidden="true"></i></li>
                    <li><a href="javascript:;">华北</a><i class="fa fa-caret-down" aria-hidden="true"></i></li>
                    <li><a href="javascript:;">1元</a><i class="fa fa-caret-down" aria-hidden="true"></i></li>
                </ul>
                <div class="search">
                        
                        <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
                        <span class="glyphicon glyphicon-remove slip" aria-hidden="true"></span>
                </div>
            </div>
            <!-- 下拉框 -->
            <!-- 店铺 -->
            <div class="shop">
                <ul>
                </ul>
                <!-- 店铺模板 -->
                <script type="text/html" id="shop">
                {{each result}}
                <li>
                    <a href="javascript:;" data-shopId="{{$value.shopId}}">{{$value.shopName}}</a>
                </li>
                {{/each}}
                </script>
            </div>
            <!-- 地区 -->
            <div class="region">
                <ul>
                </ul>
                 <!-- 地区模板 -->
                 <script type="text/html" id="region">
                    {{each result}}
                    <li><a href="javascript:;" data-areaId="{{$value.areaId}}">{{$value.areaName}}</a></li>
                    {{/each}}
                    </script>
            </div>
            <!-- 价格 -->
            <div class="price">
                <ul>
                    <li><a href="">全部价格</a></li>
                    <li><a href="">1-3元</a></li>
                    <li><a href="">3-5元</a></li>
                    <li><a href="">5-10元</a></li>
                    <li><a href="">10-15元</a></li>
                    <li><a href="">15元以上</a></li>
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="seek-product">
                <div class="topsearch">
                    <!-- <span class="mui-icon mui-icon-search"></span> -->
                     <input type="text" placeholder="搜索您想要的凑单品" class="mui-icon mui-icon-search">
                     <span>搜索</span>
                </div>
               <div class="center">
                   <p>排序</p>
                   <button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">销量</button>
                   <button type="button" class="mui-btn mui-btn-outlined">价格↑</button>
                   <button type="button" class="mui-btn mui-btn-outlined">价格↓</button>
               </div>
               <div class="bottom">
                    <p>分类</p>
                    <button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">全部</button>
                    <button type="button" class="mui-btn mui-btn-outlined">家居</button>
                    <button type="button" class="mui-btn mui-btn-outlined">数码</button>
                    <button type="button" class="mui-btn mui-btn-outlined">办公</button>
                    <button type="button" class="mui-btn mui-btn-outlined">个户</button>
                    <button type="button" class="mui-btn mui-btn-outlined">食品</button> 
                    <button type="button" class="mui-btn mui-btn-outlined">母婴</button>
                    <button type="button" class="mui-btn mui-btn-outlined">服饰</button>
               </div>
            </div>
        </div>
        <div class="main"></div>
    </div>
=======
</head>
<body>
    
>>>>>>> dev
</body>
</html>